83:I[903690,["/chat-static/_next/static/immutable/chunks/2b75ildtv3myf.js","/chat-static/_next/static/immutable/chunks/1guyin7zoczci.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/157bok9l8ft2k.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/1p5y_zcqvqq8d.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/0s_cw7e8300g7.js","/chat-static/_next/static/immutable/chunks/0zhl8lkpuievb.js","/chat-static/_next/static/immutable/chunks/0k8xwdx3dazwi.js","/chat-static/_next/static/immutable/chunks/1lu-4z5bhhz4h.js","/chat-static/_next/static/immutable/chunks/0b4i3dpg7a-jn.js","/chat-static/_next/static/immutable/chunks/0znv-saj_9omo.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2z8pc3a6_tk5s.js","/chat-static/_next/static/immutable/chunks/33gy6rv7z29e-.js","/chat-static/_next/static/immutable/chunks/43zma2pkpdkjx.js","/chat-static/_next/static/immutable/chunks/1fhqvawdycviw.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/3afbgo6rex_vb.js","/chat-static/_next/static/immutable/chunks/109o97wf-h9dp.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/03ug0e28spr-r.js","/chat-static/_next/static/immutable/chunks/25c165o1owp5w.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/2yftv5m77a_ya.js","/chat-static/_next/static/immutable/chunks/37vyim_j6k8zg.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/2qnxvxvoeqa54.js","/chat-static/_next/static/immutable/chunks/3a69lcep90z-5.js","/chat-static/_next/static/immutable/chunks/0cf7c5y80zn5y.js","/chat-static/_next/static/immutable/chunks/08-__6bbjjmqq.js","/chat-static/_next/static/immutable/chunks/1zbczmbdcfpso.js","/chat-static/_next/static/immutable/chunks/2t6e3v_r3gzl3.js","/chat-static/_next/static/immutable/chunks/01pxlv-t_dewh.js"],"ExplicitChatIdProvider"] 84:I[838238,["/chat-static/_next/static/immutable/chunks/2b75ildtv3myf.js","/chat-static/_next/static/immutable/chunks/1guyin7zoczci.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/157bok9l8ft2k.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/1p5y_zcqvqq8d.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/0s_cw7e8300g7.js","/chat-static/_next/static/immutable/chunks/0zhl8lkpuievb.js","/chat-static/_next/static/immutable/chunks/0k8xwdx3dazwi.js","/chat-static/_next/static/immutable/chunks/1lu-4z5bhhz4h.js","/chat-static/_next/static/immutable/chunks/0b4i3dpg7a-jn.js","/chat-static/_next/static/immutable/chunks/0znv-saj_9omo.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2z8pc3a6_tk5s.js","/chat-static/_next/static/immutable/chunks/33gy6rv7z29e-.js","/chat-static/_next/static/immutable/chunks/43zma2pkpdkjx.js","/chat-static/_next/static/immutable/chunks/1fhqvawdycviw.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/3afbgo6rex_vb.js","/chat-static/_next/static/immutable/chunks/109o97wf-h9dp.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/03ug0e28spr-r.js","/chat-static/_next/static/immutable/chunks/25c165o1owp5w.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/2yftv5m77a_ya.js","/chat-static/_next/static/immutable/chunks/37vyim_j6k8zg.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/2qnxvxvoeqa54.js","/chat-static/_next/static/immutable/chunks/3a69lcep90z-5.js","/chat-static/_next/static/immutable/chunks/0cf7c5y80zn5y.js","/chat-static/_next/static/immutable/chunks/08-__6bbjjmqq.js","/chat-static/_next/static/immutable/chunks/1zbczmbdcfpso.js","/chat-static/_next/static/immutable/chunks/2t6e3v_r3gzl3.js","/chat-static/_next/static/immutable/chunks/01pxlv-t_dewh.js"],"SWRDataProvider"] 85:T65be,[V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import ShaderPreview from "@/components/shader-preview" export default function Home() { return } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.0", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="components/shader-preview.tsx" isEdit="true" isQuickEdit="true" "use client" import { useRef, useEffect, useState } from "react" import { Button } from "@/components/ui/button" type ShaderEffect = | "color-shift" | "chromatic" | "grayscale" | "glitch" | "pixelate" | "scanline" | "wavy" | "still" | "original" type FrameType = "none" | "wood" | "metal" | "monitor" | "arcade" | "gallery" const ShaderPreview = () => { const canvasRef = useRef(null) const containerRef = useRef(null) const animationRef = useRef(null) const [activeEffect, setActiveEffect] = useState("original") const [activeFrame, setActiveFrame] = useState("none") const glRef = useRef(null) const programRef = useRef(null) const vaoRef = useRef(null) const uniformsRef = useRef({ resolution: null, time: null, mouse: null, effect: null, }) const startTimeRef = useRef(0) const mouseRef = useRef({ x: 0, y: 0 }) useEffect(() => { const handleResize = () => { const canvas = canvasRef.current const container = containerRef.current if (!canvas || !container) return const aspectRatio = 800 / 600 // 4:3 aspect ratio const containerWidth = container.clientWidth const containerHeight = window.innerHeight - 200 // Account for header and padding let width = containerWidth let height = width / aspectRatio if (height > containerHeight) { height = containerHeight width = height * aspectRatio } canvas.width = width canvas.height = height } handleResize() window.addEventListener("resize", handleResize) return () => { window.removeEventListener("resize", handleResize) } }, []) useEffect(() => { const canvas = canvasRef.current const gl = canvas.getContext("webgl2") if (!gl) { console.error("WebGL2 not supported") return } glRef.current = gl // Vertex shader const vertexShaderSource = `#version 300 es in vec4 a_position; void main() { gl_Position = a_position; } ` // Fragment shader const fragmentShaderSource = `#version 300 es precision highp float; out vec4 outColor; uniform vec2 u_resolution; uniform vec2 u_mouse; uniform float u_time; uniform int u_effect; vec3 hsv(float h,float s,float v){ vec4 t=vec4(1.,2./3.,1./3.,3.); vec3 p=abs(fract(vec3(h)+t.xyz)*6.-vec3(t.w)); return v*mix(vec3(t.x),clamp(p-vec3(t.x),0.,1.),s); } vec3 getOriginalColor(vec2 FC, vec2 r, float t) { vec3 color = vec3(0); float i,e,R,s; vec3 q,p,d=vec3((FC.xy*2.-r)/r+vec2(0,.6),.6); for(q.yz--;i++<99.;){ color+=hsv(e/R-.45,p.y-e,min(e*s*e/.01,.4-e)/9.); s=1.; p=q+=d*e*R*.15; p=vec3(log2(R=length(p)),exp(-p.z/R+.4),atan(p.y,p.x-p.y)*4.-t); for(e=--p.y;s<5e2;s+=s) e-=abs(dot(cos(p.zxy*s),sin(p.yzx*s)))/s*.3; } return color; } float hash(float n) { return fract(sin(n) * 43758.5453); } void main(){ vec2 r=u_resolution; vec2 FC=gl_FragCoord.xy; float t=u_time; vec3 color = getOriginalColor(FC, r, t); // Apply effects based on u_effect uniform if (u_effect == 1) { // color-shift color = color.gbr * vec3(1.2, 0.8, 1.1); } else if (u_effect == 2) { // chromatic vec3 colorR = getOriginalColor(FC + vec2(2.0, 0), r, t); vec3 colorB = getOriginalColor(FC - vec2(2.0, 0), r, t); color = vec3(colorR.r, color.g, colorB.b); } else if (u_effect == 3) { // grayscale float gray = dot(color, vec3(0.299, 0.587, 0.114)); color = vec3(gray); } else if (u_effect == 4) { // glitch float timeBlock = floor(t * 5.0); float blockRandom = hash(timeBlock); // Dynamic horizontal glitch lines float line = floor(FC.y / (5.0 + blockRandom * 10.0)); float lineRandom = hash(line + timeBlock); float glitchTrigger = step(0.92, lineRandom); // Multiple offset directions and intensities vec2 offset = vec2( glitchTrigger * (lineRandom - 0.5) * 60.0 * sin(t * 15.0), hash(lineRandom + t) * 5.0 ); // RGB channel separation with varying offsets float separation = glitchTrigger * 8.0 * (0.5 + 0.5 * sin(t * 8.0)); vec3 colorR = getOriginalColor(FC + offset + vec2(separation, 0), r, t); vec3 colorG = getOriginalColor(FC + offset, r, t); vec3 colorB = getOriginalColor(FC + offset - vec2(separation, 0), r, t); color = vec3(colorR.r, colorG.g, colorB.b); // Color corruption blocks if (hash(floor(FC.y / 50.0) + timeBlock) > 0.9) { color = color.gbr; } // Random noise interference float noise = hash(FC.x * 0.1 + FC.y * 0.1 + t * 10.0); if (glitchTrigger > 0.0 && noise > 0.8) { color = mix(color, vec3(noise), 0.5); } // Digital artifact bars if (mod(timeBlock, 3.0) < 1.0 && hash(FC.y * 0.01 + timeBlock) > 0.85) { color = mix(color, vec3(hash(FC.x), hash(FC.y), hash(FC.x + FC.y)), 0.7); } } else if (u_effect == 5) { // pixelate vec2 pixelSize = vec2(6.0); vec2 pixelatedFC = floor(FC / pixelSize) * pixelSize; color = getOriginalColor(pixelatedFC, r, t); } else if (u_effect == 6) { // scanline float scanline = sin(FC.y * 0.5) * 0.3 + 0.7; color *= scanline; } else if (u_effect == 7) { // wavy effect // Wavy distortion with multiple sine waves float waveAmplitude = 15.0; float waveFrequency = 0.02; float waveSpeed = 2.0; // Combine horizontal and vertical waves float waveX = sin(FC.y * waveFrequency + t * waveSpeed) * waveAmplitude; float waveY = sin(FC.x * waveFrequency * 0.8 + t * waveSpeed * 1.3) * waveAmplitude * 0.7; // Add secondary wave for more complex motion waveX += sin(FC.y * waveFrequency * 2.5 - t * waveSpeed * 0.5) * waveAmplitude * 0.4; waveY += cos(FC.x * waveFrequency * 1.5 + t * waveSpeed * 0.8) * waveAmplitude * 0.3; vec2 wavyFC = FC + vec2(waveX, waveY); color = getOriginalColor(wavyFC, r, t); } else if (u_effect == 8) { // still effect color = getOriginalColor(FC, r, 0.0); } outColor = vec4(color, 1.0); } ` // Create shader program function createShader(gl, type, source) { const shader = gl.createShader(type) gl.shaderSource(shader, source) gl.compileShader(shader) if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) { console.error("Shader compile error:", gl.getShaderInfoLog(shader)) gl.deleteShader(shader) return null } return shader } function createProgram(gl, vertexShader, fragmentShader) { const program = gl.createProgram() gl.attachShader(program, vertexShader) gl.attachShader(program, fragmentShader) gl.linkProgram(program) if (!gl.getProgramParameter(program, gl.LINK_STATUS)) { console.error("Program link error:", gl.getProgramInfoLog(program)) gl.deleteProgram(program) return null } return program } const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource) const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentShaderSource) const program = createProgram(gl, vertexShader, fragmentShader) if (!program) return programRef.current = program // Set up geometry (fullscreen quad) const positions = new Float32Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]) const positionBuffer = gl.createBuffer() gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer) gl.bufferData(gl.ARRAY_BUFFER, positions, gl.STATIC_DRAW) const positionAttributeLocation = gl.getAttribLocation(program, "a_position") const vao = gl.createVertexArray() gl.bindVertexArray(vao) gl.enableVertexAttribArray(positionAttributeLocation) gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer) gl.vertexAttribPointer(positionAttributeLocation, 2, gl.FLOAT, false, 0, 0) vaoRef.current = vao // Get uniform locations uniformsRef.current = { resolution: gl.getUniformLocation(program, "u_resolution"), time: gl.getUniformLocation(program, "u_time"), mouse: gl.getUniformLocation(program, "u_mouse"), effect: gl.getUniformLocation(program, "u_effect"), } startTimeRef.current = Date.now() // Mouse tracking const handleMouseMove = (e) => { const rect = canvas.getBoundingClientRect() mouseRef.current.x = e.clientX - rect.left mouseRef.current.y = rect.height - (e.clientY - rect.top) } canvas.addEventListener("mousemove", handleMouseMove) return () => { canvas.removeEventListener("mousemove", handleMouseMove) } }, []) useEffect(() => { const canvas = canvasRef.current if (!canvas || !glRef.current || !programRef.current || !vaoRef.current) return const gl = glRef.current const program = programRef.current const vao = vaoRef.current const uniforms = uniformsRef.current const effectMap: Record = { original: 0, "color-shift": 1, chromatic: 2, grayscale: 3, glitch: 4, pixelate: 5, scanline: 6, wavy: 7, still: 8, } let animationFrameId = 0 const render = () => { const currentTime = activeEffect === "still" ? 0 : (Date.now() - startTimeRef.current) * 0.00025 gl.viewport(0, 0, canvas.width, canvas.height) gl.clearColor(0, 0, 0, 1) gl.clear(gl.COLOR_BUFFER_BIT) // biome-ignore lint/correctness/useHookAtTopLevel: gl.useProgram is a WebGL API method, not a React hook gl.useProgram(program) gl.bindVertexArray(vao) gl.uniform2f(uniforms.resolution, canvas.width, canvas.height) gl.uniform1f(uniforms.time, currentTime) gl.uniform2f(uniforms.mouse, mouseRef.current.x, mouseRef.current.y) gl.uniform1i(uniforms.effect, effectMap[activeEffect]) gl.drawArrays(gl.TRIANGLES, 0, 6) if (activeEffect !== "still") { animationFrameId = requestAnimationFrame(render) } } render() return () => { if (animationFrameId) { cancelAnimationFrame(animationFrameId) } } }, [activeEffect]) const getFrameStyle = (frameType: FrameType) => { switch (frameType) { case "wood": return { border: "20px solid transparent", backgroundImage: "linear-gradient(black, black), linear-gradient(135deg, #1a0d00 0%, #3E2723 8%, #6d3913 16%, #a0522d 24%, #d2691e 32%, #ff8c42 40%, #d2691e 48%, #a0522d 56%, #6d3913 64%, #4E342E 72%, #2d1b0e 80%, #1a0d00 88%, #0d0600 100%)", backgroundOrigin: "border-box", backgroundClip: "padding-box, border-box", backgroundSize: "100%, 500% 500%", boxShadow: "inset 0 4px 8px rgba(0,0,0,0.6), inset 0 -4px 8px rgba(139,69,19,0.2), inset 4px 0 8px rgba(0,0,0,0.5), inset -4px 0 8px rgba(139,69,19,0.2), 0 8px 24px rgba(0,0,0,0.8), 0 12px 48px rgba(0,0,0,0.5)", borderRadius: "4px", animation: "fluidWood 8s ease-in-out infinite", } case "metal": return { border: "16px solid transparent", backgroundImage: "linear-gradient(black, black), linear-gradient(135deg, #1a1a1a 0%, #424242 10%, #757575 15%, #bdbdbd 20%, #e8e8e8 25%, #ffffff 30%, #f5f5f5 35%, #ffffff 40%, #e8e8e8 45%, #bdbdbd 50%, #9E9E9E 55%, #757575 60%, #5a5a5a 70%, #3d3d3d 80%, #2b2b2b 90%, #1a1a1a 100%)", backgroundOrigin: "border-box", backgroundClip: "padding-box, border-box", backgroundSize: "100%, 600% 600%", boxShadow: "inset 0 3px 6px rgba(255,255,255,0.7), inset 0 -3px 6px rgba(0,0,0,0.6), inset 0 0 40px rgba(255,255,255,0.4), inset -3px 0 6px rgba(0,0,0,0.4), 0 6px 20px rgba(0,0,0,0.6), 0 10px 40px rgba(0,0,0,0.4)", borderRadius: "2px", animation: "fluidMetal 6s ease-in-out infinite", } case "monitor": return { padding: "32px", backgroundImage: "linear-gradient(135deg, #000000 0%, #0a0a1a 15%, #1a1a3a 25%, #2a2a5a 35%, #3a3a7a 45%, #2a2a5a 55%, #1a1a3a 65%, #0a0a1a 75%, #000000 85%, #050510 100%)", backgroundSize: "400% 400%", boxShadow: "inset 0 4px 12px rgba(0,0,0,0.9), inset 0 -2px 8px rgba(100,100,255,0.1), inset 0 0 40px rgba(100,100,255,0.15), 0 0 60px rgba(0,150,255,0.3), 0 8px 32px rgba(0,0,0,0.9), 0 16px 64px rgba(0,0,0,0.7)", borderRadius: "12px", border: "2px solid #333", animation: "fluidMonitor 5s ease-in-out infinite", } case "arcade": return { border: "24px solid transparent", backgroundImage: "linear-gradient(black, black), linear-gradient(135deg, #FF1493, #FF69B4, #9400D3, #4B0082, #0000FF, #00CED1, #00FFFF, #FFD700, #FFA500, #FF1493)", backgroundOrigin: "border-box", backgroundClip: "padding-box, border-box", backgroundSize: "100%, 400% 400%", boxShadow: "0 0 30px rgba(255,20,147,0.8), 0 0 50px rgba(0,206,209,0.6), 0 0 70px rgba(255,215,0,0.4), inset 0 0 0 3px #D4AF37, inset 0 0 0 6px #F5F5DC, inset 0 0 0 8px #C9A961, inset 0 4px 16px rgba(0,0,0,0.1), 0 12px 40px rgba(0,0,0,0.25), 0 20px 80px rgba(0,0,0,0.15)", borderRadius: "16px", animation: "fluidArcade 10s linear infinite", } case "gallery": return { padding: "48px", backgroundImage: "linear-gradient(#F5F5DC, #F5F5DC), linear-gradient(135deg, #4a3206 0%, #6d4c07 10%, #8B6914 15%, #c9951a 20%, #FFD700 25%, #fff4a3 30%, #ffffff 35%, #fff4a3 40%, #FFD700 45%, #c9951a 50%, #B8860B 55%, #8B6914 65%, #6d4c07 75%, #4a3206 85%, #2d1e04 100%)", backgroundOrigin: "border-box", backgroundClip: "padding-box, border-box", backgroundSize: "100%, 600% 600%", boxShadow: "inset 0 0 0 3px #D4AF37, inset 0 0 0 6px #F5F5DC, inset 0 0 0 8px #C9A961, inset 0 4px 16px rgba(0,0,0,0.1), 0 12px 40px rgba(0,0,0,0.25), 0 20px 80px rgba(0,0,0,0.15)", borderRadius: "4px", border: "6px solid transparent", animation: "fluidGallery 7s ease-in-out infinite", } default: return { border: "1px solid rgb(75, 85, 99)", borderRadius: "0.5rem", } } } return (

Shader Effects

Display Frame

) } export default ShaderPreview7a:["$","$L83",null,{"chatId":"60l7CleUMO8","children":["$","$L84",null,{"data":{"@\"active-block\",\"60l7CleUMO8\",":{"id":"b_z3gT89uShXC","messageId":"aEqKBTPsSZcZ3Atdu2VknqeQS3Y0OgHe","source":"$85","language":"typescriptreact","type":"code-project","closed":true,"meta":{"type":"code-project","project":"Code","taskNameActive":"Enhancing frame contrast and flow","taskNameComplete":"Enhanced frame contrast and flow"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"60l7CleUMO8\",":false,"":null},"children":"$L86"}]}]

About

Tags

Share

About

Tags

Share

More from yoheinishitsuji

More Templates Like This